<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子实际大小计算方式</title>
    <style>
       div{
           width: 100px;
           height: 100px;
           background-color: blueviolet;
           padding: 20px;

           /* 实际的宽高是140 
              计算公式：
                      宽：100+20+20
                      高：100+20+20   
           */
       }
    </style>
</head>
<body>
    <div>

    </div>
</body>
</html>